/* CSS Document */
/* common */
/* end common */
.n-list li {
  padding: 0.34667rem 0.4rem;
  border-bottom: 1px solid #c8c8cb;
  font-size: initial;
  position: relative; }

.n-list li label {
  width: 2.26667rem;
  font-size: 0.4rem;
  color: #666;
  text-align: left;
  display: inline-block;
  padding-right: 0.62667rem; }

.ipt {
  font-size: 0.4rem;
  color: #333; }

.a-default {
  font-size: 0.32rem;
  color: #666; }

.checkbtn {
  position: relative;
  width: 1.06667rem;
  height: 0.6rem;
  padding: 0 .03rem;
  border-radius: 0.53333rem;
  border: 1px solid #e3e5e9;
  background-color: #e5e7ea;
  background-clip: padding-box;
  color: #fff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
  top: -0.66667rem; }

.checkbtn .radioBtn {
  display: inline-block;
  content: '';
  position: absolute;
  width: 0.6rem;
  height: 0.6rem;
  border-radius: 0.29333rem;
  background: #fff;
  -webkit-box-shadow: 0 0 0 1px #e3e5e9;
  box-shadow: 0 0 0 1px #e3e5e9;
  left: 0; }

.checkbtn.toright {
  background: #03a9f4; }

.checkbtn.toright .radioBtn {
  left: auto;
  right: 0; }

.fl {
  float: left; }

.fr {
  float: right; }

.n_btn {
  padding: 1.33333rem 0.4rem 0; }

.submit {
  width: 100%;
  height: 0.98667rem;
  line-height: 0.98667rem;
  border-radius: 10px;
  font-size: 0.4rem;
  text-align: center;
  display: inline-block;
  color: #fff;
  letter-spacing: 1px; }

.blue {
  background: #03a9f4; }

.gray {
  background: #ccc; }

.order_icon {
  background-image: url("/resources/img/order_icon.png");
  background-size: 0.58667rem 3.10667rem;
  background-repeat: no-repeat;
  display: inline-block; }

.icon_address {
  width: 0.26667rem;
  height: 0.45333rem;
  background-position: 0 -1.10667rem;
  position: absolute;
  right: 0.4rem; }

.icon_left {
  width: 0.26667rem;
  height: 0.45333rem;
  background-position: 0 -1.10667rem;
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg); }

.mask {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.5); }
  .mask .address_container {
    position: absolute;
    height: 10.26667rem;
    bottom: 0;
    right: 0;
    background-color: #fff;
    left: 0;
    font-size: 0.4rem; }
    .mask .address_container .address_header {
      font-size: 0.4rem;
      color: #666;
      text-align: center;
      line-height: 0.93333rem; }
    .mask .address_container .citySelect {
      border-bottom: 1px solid #c8c8cc;
      font-size: 0.34667rem; }
      .mask .address_container .citySelect li {
        float: left;
        padding: 0 0.56rem; }
        .mask .address_container .citySelect li span.item {
          display: inline-block;
          padding-bottom: 0.2rem; }
      .mask .address_container .citySelect li.current span.item {
        color: #b22222;
        border-bottom: 1px solid #b22222; }
    .mask .address_container .selectmain {
      overflow: auto;
      height: 8.66667rem; }
    .mask .address_container .address_list {
      padding-left: 0.56rem; }
      .mask .address_container .address_list li {
        font-size: 0.34667rem;
        line-height: 1.04rem;
        height: 1.04rem; }
